import React, { Component } from 'react';
import styled from 'styled-components'
import {NavLink,Route} from 'react-router-dom'
import Today from './thirdrouter/today'
import Tomorrow from './thirdrouter/tomorrow'
import {themaColor} from '../../../assets/thema/index'
const HomeMainCotainer=styled.div`

`
const SubHead=styled.div`
    height:.44rem;
    line-height:.44rem;
    display:flex;
    a{
        color:#666
        flex:1;
        text-align:center;
        font-size:14px;
        &.active{
            color:${themaColor}
        }
    }
    `
class HomeMain extends Component {
    constructor(props) {
        super(props);
        this.state = {  };
    }
    render() {
        return (
            <HomeMainCotainer>
                <SubHead>
                    <NavLink to='/home/homemain/today'>今日10点上新</NavLink>
                    <NavLink to='/home/homemain/tomorrow'>明日10点预告</NavLink>
                </SubHead>
                <div className='router-box'>
                    <Route path='/home/homemain/today' component={Today}></Route>
                    <Route path='/home/homemain/tomorrow' component={Tomorrow}></Route>
                </div>
            </HomeMainCotainer>
        );
    }
}

export default HomeMain;